// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

$font-path: '/media/protocol/fonts';
$image-path: '/media/protocol/img';

@import '~@mozilla-protocol/core/protocol/css/includes/lib';

@keyframes loading {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

.c-loading-placeholder {
    min-height: 900px;
}

.c-loading-placeholder-element {
    animation: loading 1.2s ease-in-out infinite;
    background: linear-gradient(100deg, #eceff1 30%, #f6f7f8 50%, #eceff1 70%);
    background-size: 400%;
    border-radius: $border-radius-sm;

    &.logo {
        height: 60px;
        margin: 0 auto $spacing-xl;
        width: 60px;
    }

    &.title {
        height: 45px;
        margin: 0 auto $spacing-sm;
    }

    &.sub-title {
        height: 45px;
        margin: 0 auto $spacing-xl;
        width: 50%;
    }

    &.copy {
        height: 96px;
        margin: 0 auto $spacing-xl;
    }

    &.button {
        height: 40px;
        margin: 0 auto;
        width: 30%;
    }
}
